<%-- 
    Document   : studentcourseinfo
    Created on : Jan 13, 2013, 4:05:11 PM
    Author     : Aster
--%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <jsp:useBean id="inhoud" scope="application" class="models.Bean" />   
            <jsp:setProperty name="inhoud" property="language" value="<%= models.Bean.getLanguage()%>" />
            <title><jsp:setProperty name="inhoud" property="key" value="JSPPage" />
                <jsp:getProperty name="inhoud" property="key" /></title>

            <script type="text/javascript">
                $(document).ready(function(){
                
                    $("#closeAnnouncement").click(function(){
                        $('#announcementDetails').hide(); 
                    });
                
                });
            </script>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
                <link href="style/general.css" type="text/css" rel="Stylesheet">
                    <link href="style/student.css" type="text/css" rel="Stylesheet">
                        <link rel="stylesheet" href="style/slideshow.css" />
                        <!-- include jQuery Library From Google Code -->
                        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

                        <title>
                            Three 2 Learn
                        </title>

                        <!-- The main style sheet -->
                        <link rel="stylesheet" href="style/login.css" type="text/css" media="screen" />

                        <!-- START Fx.Slide -->
                        <!-- The CSS -->
                        <link rel="stylesheet" href="style/fx.slide.css" type="text/css" media="screen" />
                        <!-- Mootools - the core -->
                        <script type="text/javascript" src="js/mootools-1.2-core-yc.js"></script>
                        <!--Toggle effect (show/hide login form) -->
                        <script type="text/javascript" src="js/mootools-1.2-more.js"></script>
                        <script type="text/javascript" src="js/fx.slide.js"></script>
                        <!-- END Fx.Slide -->

                        </head>

                        <body>
                            <!-- Login -->
                            <div id="login">
                                <div class="loginContent">
                                    <form action="login" method="post">
                                        <label for="log"><b>
                                                <jsp:setProperty name="inhoud" property="key" value="Username" />
                                                <jsp:getProperty name="inhoud" property="key" />
                                                : </b></label>
                                        <input class="field" type="text" name="userName" id="userName" value="" size="23" />
                                        <label for="pwd"><b>
                                                <jsp:setProperty name="inhoud" property="key" value="Password" />
                                                <jsp:getProperty name="inhoud" property="key" />
                                                :</b></label>
                                        <input class="field" type="password" name="passWord" id="passWord" size="23" />
                                        <input type="submit" name="submit" value="" class="button_login" />
                                        <input type="hidden" name="redirect_to" value=""/>
                                    </form>
                                    <div class="left">
                                        <label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever" /> 
                                            <jsp:setProperty name="inhoud" property="key" value="RememberMe" />
                                            <jsp:getProperty name="inhoud" property="key" />
                                        </label></div>
                                    <div class="right">
                                            <jsp:setProperty name="inhoud" property="key" value="NotAMember" />
                                            <jsp:getProperty name="inhoud" property="key" />
                                        <a href="student/register">
                                            <jsp:setProperty name="inhoud" property="key" value="Register" />
                                            <jsp:getProperty name="inhoud" property="key" />
                                        </a> | <a href="#">
                                            <jsp:setProperty name="inhoud" property="key" value="ForgotPassword" />
                                            <jsp:getProperty name="inhoud" property="key" />
                                        </a></div>
                                </div>
                                <div class="loginClose"><a href="#" id="closeLogin">
                                        <jsp:setProperty name="inhoud" property="key" value="ClosePanel" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </a></div>
                            </div> <!-- /login -->

                            <div id="container">

                                <div id="wrapper">
                                    <div id="header">
                                        <div id="topmenu">
                                            <ul class="login">
                                                <li><img src="style/logo32L.png"/></li>
                                                <li><a href="/language?lang=nl" title="Nederlands"><img src="images/flags/nl.png"></a></li>
                                                <li><a href="/language?lang=en" title="English"><img src="images/flags/uk.png"></a></li>
                                                <c:choose>
                                                    <c:when test="${loggedin eq 'true'}">
                                                        <li><a href="/logout" id="toggleLogout" >
                                                                <jsp:setProperty name="inhoud" property="key" value="LogOut" />
                                                                <jsp:getProperty name="inhoud" property="key" />
                                                            </a></li>
                                                        <li><a href="/${omgeving}" >
                                                                <jsp:setProperty name="inhoud" property="key" value="BackTo" />
                                                                <jsp:getProperty name="inhoud" property="key" /> ${omgeving}
                                                                <jsp:setProperty name="inhoud" property="key" value="TheEnvironment" />
                                                                <jsp:getProperty name="inhoud" property="key" />
                                                            </a></li>
                                                        <li><h2><jsp:setProperty name="inhoud" property="key" value="Welcome" />
                                                                <jsp:getProperty name="inhoud" property="key" />, ${user.firstName} ${user.lastName}</h2></li>
                                                            </c:when>
                                                        <c:otherwise>
                                                        <li><a href="#" id="toggleLogin" >
                                                                <jsp:setProperty name="inhoud" property="key" value="Login" />
                                                                <jsp:getProperty name="inhoud" property="key" />
                                                            </a></li>
                                                        </c:otherwise>
                                                    </c:choose>

                                            </ul>
                                        </div>
                                        <div class="middle">
                                            <div id="menu">
                                                <ul>
                                                    <li><a href="/index">
                                                            <jsp:setProperty name="inhoud" property="key" value="Homepage" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </a></li>
                                                    <li><a href="/courses">
                                                            <jsp:setProperty name="inhoud" property="key" value="Courses" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </a></li>

                                                    <li><a href="three2Learn.jsp">Three2Learn</a></li>
                                                    <li><a href="information.jsp">

                                                            <jsp:setProperty name="inhoud" property="key" value="Information" />

                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </a></li>
                                                    <li><a href="faq.jsp">

                                                            <jsp:setProperty name="inhoud" property="key" value="FAQ" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </a></li>

                                                    <li><a href="contact.jsp" class="lastItem">Contact</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <style type="text/css">
                                    </style>

                                    <div id="subcontainer" >
                                        <center>
                                            <h1>
                                                <jsp:setProperty name="inhoud" property="key" value="CourseInformation" />
                                                <jsp:getProperty name="inhoud" property="key" />
                                                ${descriptionCourse.name}
                                            </h1>
                                            <a href="courseEnvironment.jsp"><img src="style/icons/return.png"/></a>
                                        </center>

                                        <div id="prof" style="width:80%">
                                            <table width="100%">
                                                <tr>
                                                    <td class="darker">
                                                        <b>
                                                            <jsp:setProperty name="inhoud" property="key" value="Name" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </b>
                                                    </td>
                                                    <td>${descriptionCourse.name}</td>
                                                </tr>
                                                <tr>
                                                    <td class="darker">
                                                        <b>
                                                            <jsp:setProperty name="inhoud" property="key" value="Language" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </b>
                                                    </td>
                                                    <td>${descriptionCourse.language}</td>
                                                </tr>
                                                <tr>
                                                    <td class="darker">
                                                        <b>
                                                            <jsp:setProperty name="inhoud" property="key" value="StartDate" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </b>
                                                    </td>
                                                    <td>${descriptionCourse.startDate}</td>
                                                </tr>
                                                <tr>
                                                    <td class="darker">
                                                        <b>
                                                            <jsp:setProperty name="inhoud" property="key" value="EndDate" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </b>
                                                    </td>
                                                    <td>${descriptionCourse.endDate}</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" class="darker">
                                                        <b>
                                                            <jsp:setProperty name="inhoud" property="key" value="ShortDescription" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </b>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">${descriptionCourse.description}</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" class="darker">
                                                        <b>
                                                            <jsp:setProperty name="inhoud" property="key" value="LongDescription" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </b>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">${descriptionCourse.longDescription}</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </body>
                        </html>